<%--
  Created by IntelliJ IDEA.
  User: 许正雄
  Date: 2021/12/7
  Time: 17:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>xxx - 首页</title>
    <link type="text/css" rel="stylesheet" href="/static/css/style.css" />
    <script type="text/javascript" src="/static/scripts/function.js"></script>
    <script type="text/javascript" src="/static/jquery3.6.0.js"></script>
</head>
<body>
<%--<div id="header" class="wrap">--%>
<%--    <div id="logo"><img src="http://localhost/images/qdn_log.jpg" style="width: 120px;height: 60px"/></div>--%>
<%--    <div class="help">--%>
<%--&lt;%&ndash;        <a href="#" class="shopping">购物车</a>&ndash;%&gt;--%>
<%--        <a href="../login.html">登录</a>--%>
<%--        <a href="../register.html">注册</a>--%>
<%--&lt;%&ndash;        <a href="../guestbook.html">留言</a></div>&ndash;%&gt;--%>
<%--    <div class="navbar">--%>
<%--        <ul class="clearfix">--%>
<%--            <li class="current"><a href="#">登录</a></li>--%>
<%--&lt;%&ndash;            <li><a href="#">图书</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li><a href="#">百货</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li><a href="#">品牌</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li><a href="#">促销</a></li>&ndash;%&gt;--%>
<%--        </ul>--%>
<%--    </div>--%>
<%--</div>--%>
<%--<div id="childNav">--%>
<%--    <div class="wrap">--%>
<%--&lt;%&ndash;        <ul class="clearfix">&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li class="first"><a href="#">音乐</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li><a href="#">影视</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li><a href="#">少儿</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li><a href="#">动漫</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li><a href="#">小说</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li><a href="#">外语</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li><a href="#">数码相机</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li><a href="#">笔记本</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li><a href="#">羽绒服</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li><a href="#">秋冬靴</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li><a href="#">运动鞋</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li><a href="#">美容护肤</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li><a href="#">家纺用品</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li><a href="#">婴幼奶粉</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li><a href="#">饰品</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <li class="last"><a href="#">Investor Relations</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;        </ul>&ndash;%&gt;--%>
<%--    </div>--%>
<%--</div>--%>
<div id="register" class="wrap">
    <div class="shadow">
        <em class="corner lb"></em>
        <em class="corner rt"></em>
        <div class="box">
            <h1>欢迎来到XXX-管理员登录</h1>
            <form id="loginForm" method="post" action="login.do" onsubmit="return checkForm(this)">
                <table>
                    <tr>
                        <td class="field">用户名：</td>
                        <td><input class="text" type="text" id="userName" name="userName" onfocus="FocusItem(this)" onblur="CheckItem(this);" /><span></span></td>
                        <span id="msg" style="color: red">${msg}</span>
                    </tr>
                    <tr>
                        <td class="field">登录密码：</td>
                        <td><input class="text" type="password" id="passWord" name="password" onfocus="FocusItem(this)" onblur="CheckItem(this);" /><span></span></td>
                    </tr>
                    <tr>
                        <td class="field">验证码：</td>
                        <td><input class="text verycode" type="text" name="veryCode" onfocus="FocusItem(this)" onblur="CheckItem(this);" /><img id="veryCode" src="yanZhengMa" /><span></span></td>
                        <td style="color: red">${msg2}</td>
                    </tr>
                    <tr align="center">
                        <td align="center"><label class="ui-green" align="center"><input id="sub" type="submit" name="submit" value="立即登录" /></label></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    <div class="clear"></div>
</div>
<div id="footer">
</div>
</body>
<script>
    $(function () {
        $("#sub").click(function () {
            if (($("#userName").val() == null || $("#userName").val() === '')  || ($("#passWord").val() == null || $("#passWord").val() === '')){
                // document.getElementById('msg').innerHTML = '用户名不能为空！';
                alert("用户名或者密码不能为空！");
                return false;
            }
            if ($(".verycode").val() == null || $(".verycode").val() === ''){
                alert("验证码不能为空！");
                return false;
            }
        })
    })
    $(function () {
        $("#veryCode").click(function () {
            $(this).attr("src","yanZhengMa?t="+new Date().getTime())
        })
    })

</script>
</html>

